/*
Author       : Hash Theme.
Template Name: Davana - Industrial Constriction Business Html5 Template
Version      : 1.0
*/
/*=============================================
TABLE OF CONTENTS
================================================

1. PRELOADER JS
2. JQUERY STICKY MENU
3. MENU JS
4. SECTIONS BACKGROUNDS
5. COUNTDOWN JS
6. HOME SLIDER JS
7. SIMPLE IMAGE SLIDER JS
8. PORTFOLIO SLIDER JS
9. TEAM SLIDER JS
10. TESTIMONIAL SLIDER JS
11. CLIENT SLIDER JS
12. PRETTYPHOTO JS
13. VENOBOX JS
14. ACCORDION JS
16. WOW ANIMATION JS
17. MIXITUP JS

Table Of Contents end
================================================
*/

(function($) {
    'use strict';

    jQuery(document).on('ready', function() {


        /* 1. PRELOADER JS */

        $(window).on('load', function() {
            function fadeOut(el) {
                console.log(el);
            }
            var pagePreloaderId = document.getElementById("page-preloader");
            setTimeout(function() {
                fadeOut(pagePreloaderId)
            }, 1000);
        });


        /* 2. JQUERY STICKY MENU */

        $(".sticky-menu").sticky({
            topSpacing: 0
        });


        /* 3. MENU JS */

        $('nav#dropdown').meanmenu({
            meanMenuContainer: '.mobile-menu-area',
            meanScreenWidth: "991"
        });


        $(window).on('scroll', function() {
            if ($(this).scrollTop() > 200) {
                $('.mainmenu-area').addClass('menu-animation');
            } else {
                $('.mainmenu-area').removeClass('menu-animation');
            }
        });

		

        $('a.js-scroll-trigger').on('click', function(e) {
            var anchor = $(this);
            $('html, body').stop().animate({
                scrollTop: $(anchor.attr('href')).offset().top - 48
            }, 1000);
            e.preventDefault();
        });
		
        // Activate scrollspy to add active class to navbar items on scroll
        $('body').scrollspy({
            target: '.mainmenu-area',
            offset: 54
        });
		

        /* 4. SECTIONS BACKGROUNDS */

        var pageSection = $("section,div");
        pageSection.each(function(indx) {

            if ($(this).attr("data-background")) {
                $(this).css("background-image", "url(" + $(this).data("background") + ")");
            }
        });


        /* 5. COUNTDOWN JS */

        $('.counter-section').on('inview', function(event, visible, visiblePartX, visiblePartY) {
            if (visible) {
                $(this).find('.timer').each(function() {
                    var $this = $(this);
                    $({
                        Counter: 0
                    }).animate({
                        Counter: $this.text()
                    }, {
                        duration: 2000,
                        easing: 'swing',
                        step: function() {
                            $this.text(Math.ceil(this.Counter));
                        }
                    });
                });
                $(this).unbind('inview');
            }
        });
        /* END COUNTDOWN JS */


        /* 6. HOME SLIDER JS */

        $('.navana-slides').owlCarousel({
            loop: true,
            autoplay: false,
            autoplayTimeout: 4000,
            dots: true,
            items: 1,
            nav: true,
            navText: ["<i class='icofont icofont-thin-left'></i>", "<i class='icofont icofont-thin-right'></i>"]
        });


        /* 7. SIMPLE IMAGE SLIDER JS */

        $('.simple-image-slider').owlCarousel({
            loop: true,
            margin: 0,
            autoplay: true,
            autoplayTimeout: 4000,
            dots: true,
            items: 1,
            nav: false
        });


        /* 8. PORTFOLIO SLIDER JS */

        $('.portfolio-slider').owlCarousel({
            loop: true,
            autoplay: false,
            autoplayTimeout: 4000,
            dots: false,
            nav: true,
            navText: ["<i class='icofont icofont-simple-left'></i>", "<i class='icofont icofont-simple-right'></i>"],
            responsiveClass: true,
            responsive: {
                0: {
                    items: 1
                },
                600: {
                    items: 2
                },
                1000: {
                    items: 4
                }
            }
        });
		

        /* 9. TEAM SLIDER JS */
        $('.team-slider').owlCarousel({
            loop: true,
            margin: 30,
            dots: true,
            autoplay: false,
            autoplayTimeout: 4000,
            responsiveClass: true,
            responsive: {
                0: {
                    items: 1
                },
                600: {
                    items: 2
                },
                1000: {
                    items: 4
                }
            }
        });


        /* 10. TESTIMONIAL SLIDER JS */

        $('.testimonial-slider').owlCarousel({
            loop: true,
            margin: 30,
            dots: true,
            autoplay: false,
            autoplayTimeout: 4000,
            responsiveClass: true,
            responsive: {
                0: {
                    items: 1
                },
                600: {
                    items: 2
                },
                1000: {
                    items: 3
                }
            }
        });


        /* 11. CLIENT SLIDER JS */
        $('.client-slider').owlCarousel({
            loop: true,
            margin: 30,
            dots: false,
            nav: true,
            navText: ["<i class='icofont icofont-simple-left'></i>", "<i class='icofont icofont-simple-right'></i>"],
            autoplay: true,
            autoplayTimeout: 3000,
            responsiveClass: true,
            responsive: {
                0: {
                    items: 1
                },
                600: {
                    items: 2
                },
                1000: {
                    items: 4
                }
            }
        });


        /* 12. PRETTYPHOTO JS */

        $("a[data-gal^='prettyPhoto']").prettyPhoto({
            animation_speed: 'normal',
            show_title: true,
            theme: 'facebook',
            deeplinking: false
        });


        /* 13. VENOBOX JS */

        $('.venobox').venobox({
            numeratio: true,
            titleattr: 'data-title',
            titlePosition: 'bottom',
            spinner: 'rotating-plane',
            spinColor: '#f4cb10'
        });


        /* 14. ACCORDION JS  */

        var selectIds = $('#panel1,#panel2,#panel3,#panel4,#panel5,#panel6,#panel7,#panel8,#panel9,#panel10,#panel11,#panel12,#panel13,#panel14,#panel15');
        $(function($) {
            selectIds.on('show.bs.collapse hidden.bs.collapse', function() {
                $(this).prev().find('.icofont').toggleClass('icofont-minus icofont-plus');
            })
        });


    });


    /* 15. WOW ANIMATION JS */

    new WOW().init();




})(jQuery);